import Base from "../Base.js";
export default class Login extends Base {
    render() {
        this.el.html(`
        <div class="system">
        <h1>猫眼管理系统</h1>
        <p>Student Management System</p>
         </div>
        <section>
        <div class="reg-login">
            <h2>欢迎注册</h2>
            <p>
                已有账号？
                <a href="#/login">登录</a>
            </p>
        </div>
  
        <form action="#" class="layui-form" method="">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名"
                        autocomplete="off" class="layui-input" style='width:240px'>
                </div>
            </div>
         
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="password" required lay-verify="required" placeholder="请设置登录密码"
                        autocomplete="off" class="layui-input" style='width:240px'>
                </div>
            </div>
            <div class="layui-form-item" style=" width: 450px;
            text-align:center">
            <button class="layui-btn loginBtn" lay-submit="" lay-filter="" style="width: 250px;">注册</button>
            </div>
            
        </form>
    </section>

`)
    }
}